@import '../../../../common.scss';
.searchCondition {
  width: 990px;
  height: 100px;
  margin: 4px auto;
  position: relative;
  background-color: #fbeec2;
  border: 1px solid #9e7a17;

  .searchConditionHeader {
    img {
      width: 97px;
      height: 29px;
      margin-top: 4px;
      margin-left: 4px;
      // float: left;
    }
    .timePicker{
      float: right;
      margin-top: 4px;
      margin-right: 5px;
      /deep/ .ant-input {
        height: 27px;
      }
      .right_distance{
        padding-right: 10px;
      }
    }

    button {
      float: right;
      color: #fff;
      margin-top: 4px;
      width: 76px;
      height: 27px;
      border: 1px solid;
      border-radius: 4px;
      font-family: '苹方 微软雅黑'
    }

    button.batchRepulse {
      background-color: #fe0e17;
      margin-right: 43px;
    }

    button.batchAccept {
      background-color: #016030;
      margin-right: 5px;
    }
  }

  .searchConditionContent {
    width: 977px;
    height: 55px;
    position: absolute;
    left: 50%;
    margin-left: -489px;
    margin-top: 5px;
    background: #fff;
    border: 1px solid #9d7a17;

    table {
      width: 100%;
      border: 0px;

      tr {
        height: 55px;
        line-height: 55px;

        td {
          position: relative;
          width: 150px;

          b {
            position: absolute;
            display: inline-block;
            height: 32px;
            line-height: 16px;
            width: 52px;
            top: 50%;
            margin-top: -8px;
            font-size: 12px;
            font-weight: bold;
          }

          .verticalMiddle {
            position: absolute;
            top: 50%;
            margin-top: -8px;
          }

          input {
            height: 20px;
            width: 90px;
            border: 1px solid black;
            margin-left: 53px;
          }

          select {
            height: 20px;
            width: 90px;
            border: 1px solid black;
            margin-left: 53px;
            vertical-align: text-top;
          }

          .searchButton {
            height: 32px;
            width: 84px;
            background: url('/assets/main/prescriptions/searchButton.jpg');
            position: absolute;
            top: 50%;
            margin-top: -17px;
		      	margin-left: -3px;
          }
        }
      }
    }
  }
}
.patientList {
  table {
    width: 100%;

    tr {
      border: 1px solid #9e7a17;

      th {
        background: #fbeec2;
        height: 30px;
        text-align: center;
        font-size: 12px;
        color: #000000;
      }
      .colorRed{
          color: red;
      }

      td {
        height: 30px;
        text-align: center;
        font-size: 12px;
        input{
            position: relative;
            top: 2px;
        }

        .divideLine {
          margin: -5px 5px;
          display: inline-block;
          height: 20px;
          width: 1px;
          background: black;
        }
        span {
          cursor: pointer;
          display: inline-block;
          height: 30px;
          line-height: 30px;
        }
        .overflow{
          height: 30px; 
          line-height:30px;
          width:100px;
          overflow:hidden;
          text-overflow:ellipsis;
          white-space:nowrap;
		}
		.messageRemark{
			color:blue;
			cursor: pointer;
		}
      }
    }

    .backgroundGrey {
      background: #e9e9e9;
    }

    .backgroundWhite {
      background: white;
    }
  }
  .pagination{
        text-align: center;
        margin-top: 21px;
        span{
            margin-right:5px;
            font-size: 12px;
            color: #333333;
            input{
                border: #a9a9a9 1px solid;
                padding: 0px 2px;
                height: 17px;
                width: 57px;
            }
            button{
                height: 17px;
                width: 50px;
                padding: 1px 6px;
                border: #a9a9a9 1px solid;
                background: #e0e0e0;
                vertical-align: middle;
                line-height: 10px;
                position: relative;
                top: -1px;
            }
        }
        .cursor{
          cursor: pointer;
        }
        .recordBtn{
          float: left;
          color: #0033FF;
          text-decoration:underline;
          font-size: 14px;
        }

  }
  /deep/ .ant-pagination {
      text-align: center;
      margin-top: 10px;
  }
}
.remarkModel{
    position: fixed; 
    left: 0px; 
    top: 0px; 
    width: 100%; 
    height: 100%; 
    background-color: rgb(47, 79, 79);
    background: rgba(47, 79, 79, 0.607843); 
    z-index: 1009;
    .modelInput{
      z-index: 1010;
      width: 300px;
	  min-height: 170px;
	  margin:400px auto 0;
	  padding-bottom: 40px;
      background-color: #fff;
      opacity: 1;
      .modelTitle{
        height: 40px;
        line-height: 40px;
        color:  #333333;
        width: 100%;
        border-bottom: 1px solid #a9a9a9;
        padding-left: 5px;
      }
      .modelContent{
        width: 100%;
        min-height: 90px;
        textarea{
          width: 250px;
		  height: 70px;
		  margin:0 auto;
		  font-size: 13px;
		  display: block;
        }
      }
      .modelButton{
        height: 20px;
        width: 100%;
        text-align: center;
        button{
          width: 55px;
          height: 25px;
          border: 1px solid rgba(0, 51, 255, 1);
          margin: 5px 10px;
        }
      }
    }
}
.footer {
  border-top:2px solid #cda122;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  line-height: 40px;
  margin-top: 60px;
}
